<template>
  <el-row :style="top">
    <el-col class="caption_tit">
      <div :class="['caption_tit_h', { text_white: textStyle }]">{{ title }}</div>
      <div class="line" />
      <div :class="['caption_tit_f', { text_white: textStyle }]">{{ content }}</div>
    </el-col>
  </el-row>
</template>

<script>
export default {
  name: "customCapition",
  props:['title','content','textStyle','top']
}
</script>

<style lang="scss">
.caption_tit{

  .caption_tit_h {
    color: $introduction_tit;
    font-size: $fz22;
  }
  .line {
    width: 2.4rem;
    border-bottom: 4px solid $primary;
    margin: .32rem auto;
  }
  .caption_tit_f {
    color: $introduction_dec;
    font-size: $fz14;
  }
}

.text_white {
  color: white !important;
}
</style>
